<template>
	<view class="content-view">
		<view class="study-title">关于XXX培训的通知</view>
		<view class="study-info">
			<view class="count">
				<up-icon name="eye" size="20"></up-icon>
				<view>1000</view>
			</view>
			<view class="org">
				<view>2025.03.20 14:30</view>
			</view>
		</view>
		<up-image src="https://axhub.im/ax9/4fb01a9c2a1b02c8/images/%E5%9F%B9%E8%AE%AD%E6%89%93%E5%8D%A1/u8.svg" width="100%" height="260rpx" mode="scaleToFill"></up-image>
		<view class="study-content">
			<up-parse :content="content"></up-parse>
			
		</view>
		<view class="btn-view">
			<up-button color="#B9C1C4" shape="circle" text="阅读" style="margin-right: 10px;"></up-button>
			<up-button color="#FD4D4D" shape="circle" text="报名"></up-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				content: `
					<view>培训通知</view>
					<view>各位同事：</view>
					<view>根据工会培训计划，将于 2017年9月29日下午 15:00，组织进行公司制度培训。为能使培训正常进行，请参加培训人员于9月29日上午14:50 准时到达会议室进行签到，签到表内所有人员务必准时参加本次培训，请所属直属领导提前协调工作安排如有特殊情况确属不能参加，请提前致电江投集团工会。</view>
					<view>培训地点:投资大厦会议室;</view>
					<view>培训时间:2024年9月29 日下午15:00;</view>
					<view>培训人员:全体员工，详见培训签到表;</view>
					<view>其它事项:请参加培训人员带好纸和笔，做好培训记录</view>
					<view>江投集团工会</view>
					<view>2024年9月27日</view>
				`
			}
		}
	}
</script>

<style lang="scss" scoped>
	.study-title {
		font-weight: 700;
		font-size: 16px;
	}
	.study-info {
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-size: 26rpx;
		color: $uni-text-color-grey;
		padding: 20px 0;
		width: 80%;
		.org, .count {
			display: flex;
			align-items: center;
		}
		
		:deep(.u-iconfont) {
			color: $uni-text-color-grey !important;
		}
	}
	.study-content {
		font-size: 13px;
		line-height: 24px;
		color: #333333;
		margin: 20px 0;
	}
	.btn-view {
		display: flex;
		align-items: center;
		justify-content: center;
		padding-bottom: 30px;
	}
</style>